<template>
    <view>
        <!-- template对应的原始代码，为保证正常显示，已对其进行隐藏。 -->
        <block name="baseListTpl" v-if="false">
            <view class="meet-list-box sub-margin-bottom">
                <block v-for="(item, index) in dataList" :key="index">
                    <!-- 上下图 Begin -->

                    <view
                        v-if="listMode == 'upimg'"
                        class="item card-project shadow-project item-upimg"
                        @tap="url"
                        :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                    >
                        <image mode="widthFix" :lazy-load="true" class="loading" :src="item.pic" />
                        <view class="upimg-title content-cut-two">{{ item.title }}</view>
                        <view class="data-desc content-cut-two">{{ item.desc }}</view>
                        <view class="data-status">
                            <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                            {{ item.ext }}
                        </view>
                    </view>

                    <!-- 上下图 END -->

                    <!-- 右边图 Begin -->

                    <view
                        v-else-if="listMode == 'rightpic'"
                        class="item card-project shadow-project item-rightpic"
                        @tap="url"
                        :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                    >
                        <view class="title content-cut-two">{{ item.title }}</view>
                        <view class="desc">
                            <text class="content-cut-three">{{ item.desc }}</text>
                            <image class="pic loading" :lazy-load="true" mode="aspectFill" :src="item.pic"></image>
                        </view>
                        <view class="data">
                            <text class="margin-right">{{ item.ext }}</text>
                        </view>
                    </view>

                    <!-- 右边图 END -->

                    <!-- 左边图 Begin -->

                    <view
                        v-else-if="listMode == 'leftpic'"
                        class="item card-project shadow-project item-leftpic"
                        @tap="url"
                        :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                    >
                        <view class="title content-cut-two">{{ item.title }}</view>
                        <view class="desc">
                            <image class="pic loading" :lazy-load="true" mode="aspectFill" :src="item.pic"></image>
                            <text class="content-cut-three">{{ item.desc }}</text>
                        </view>
                        <view class="data">
                            <text class="margin-right">{{ item.ext }}</text>
                        </view>
                    </view>

                    <!-- 左边图 END -->

                    <!-- 左大图 Begin -->

                    <view
                        v-else-if="listMode == 'leftbig' || listMode == 'leftbig2' || listMode == 'leftbig3'"
                        :class="'item card-project shadow-project item-' + listMode"
                        @tap="url"
                        :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                    >
                        <image mode="aspectFill" :lazy-load="true" class="leftbig-left loading" :src="item.pic"></image>
                        <view class="leftbig-right">
                            <view class="leftbig-title content-cut-one">{{ item.title }}</view>
                            <view class="leftbig-desc">
                                <text :class="listMode == 'leftbig3' ? 'content-cut-two' : 'content-cut-three'">{{ item.desc }}</text>
                            </view>
                            <view class="data">
                                <view class="meet-tag-list text-cut"></view>
                                <view class="meet-status">
                                    <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                                    {{ item.ext }}
                                </view>
                            </view>
                        </view>
                    </view>

                    <!-- 左大图 END -->

                    <!-- 大文字 Begin -->

                    <view
                        v-else-if="listMode == 'bigtext'"
                        class="item card-project shadow-project item-bigtext"
                        @tap="url"
                        :data-url="'../../' + item.type + '/detail/' + item.type + '_detail?id=' + item._id"
                    >
                        <view class="left">
                            <image mode="aspectFill" :lazy-load="true" :class="item.pic ? 'loading' : ''" :src="item.pic" />
                        </view>

                        <view class="right">
                            <view class="bigtext-title content-cut-one">{{ item.title }}</view>
                            <view class="data-desc content-cut-one">{{ item.desc }}</view>
                        </view>
                        <view class="data-status">
                            <text v-if="item.type == 'meet'" class="icon-remind margin-right-xxs"></text>
                            {{ item.ext }}
                        </view>
                    </view>

                    <!-- 大文字 END -->
                </block>
            </view>
        </block>
    </view>
</template>

<style>
@import './base_list_tpl.css';
</style>
